// 保存当前说说的id
let currentMsgId = '';
function sayComment(msgId) {
    currentMsgId = msgId;
}
// 发表说说
function saysay() {
    axios({
        method: 'post',
        url: '/say',
        data: {
            sayMsg: $('#sayMsg').val()
        }
    }).then(function (response) {
        // axios工具下，服务器真正返回的数据在返回对象的data中
        let res = response.data;
        if (res.code === 200) {
            // 根据服务返回的信息，拿到说说的信息，借助模板引擎，渲染这一段dom
            let data = JSON.parse(res.data);
            let html = `
            <div class="card border-primary shadow" style="width: 50rem;" style="background:rgba(252, 250, 244, 0.030)">
                <div class="card-header" style="height: 6rem;">
                    <div class="row">
                        <div class="col-sm-10">${data.content}</div>
                        <input class="give" type="button" id="praise" value="赞(0)">
                        <div class="col-sm-2"><button type="button" class="btn btn-success btn-sm"
                            data-toggle="modal" data-target="#comment" onclick="sayComment(${data.id})">吐槽一下</button>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <ul class="list-group list-group-flush" id="${data.id}">
                    </ul>
                </div>
            </div>
        `
            //将渲染好的这段dom，插入到指定id节点的内部最前面
            $("#saysaymsg").prepend(html);
            // location.reload();
            // window.location.href = '/login';
        }
    }).catch((err) => {

    });
}
// 吐槽一下
function comment() {
    axios({
        method: 'post',
        url: '/comment',
        data: {
            commentMsg: $('#commentMsg').val(),
            msgId: currentMsgId
        },
    }).then(function (response) {
        // axios工具下，服务器真正返回的数据在返回对象的data中
        let res = response.data;
        if (res.code === 200) {
            // 获得评论信息，渲染指定的dom片段
            let data = res.data;
            console.log(data);
            let html = `
            <li class="list-group-item"  style="background:rgba(252, 250, 244, 0.030)">
                <blockquote class="blockquote mb-0">
                    <p>${data.content}</p>
                    <footer class="blockquote-footer" style="color: black;">
                        <cite title="Source Title">${data.fromUserName}</cite>&nbsp;&nbsp;对
                        <cite title="Source Title">${data.toUserName}</cite>&nbsp;&nbsp;说
                    </footer>
                </blockquote>
            </li>
            `;

            // 将渲染好的dom片段，插入到指定id节点的最后面
            $("#" + data.msgId).append(html);
        } else {
            console.log('2000判断不通过');
        }
    }).catch((err) => {
        console.log(err);
    });
}
// 注销登录
function logout() {
    axios({
        method: 'post',
        url: '/logout'
    }).then(function (response) {
        // axios工具下，服务器真正返回的数据在返回对象的data中
        let res = response.data;
        if (res.code === 200) {
            window.location.href = '/login';
        }
    }).catch((err) => {

    });
}
